<template>
  <div id="dahezi">
    <div id="big">
      <div
        class="bigbox"
        v-for="(v, i) in this.$store.state.shangcheng.arre"
        :key="i"
      >
        <div class="boxa">
          <p v-text="v.title"></p>
          <img :src="v.imgsrc" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
#dahezi {
  width: 3.42rem;
  margin: 0 auto;
}
#big {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.bigbox {
  width: 25%;
  margin: 0 auto;
}
.boxa {
  width: 0.8rem;
  height: 0.85rem;
  /* background: palegreen; */
  margin-left: 0.1rem;
}
p {
  text-align: center;
  font-size: 0.14rem;
}
img {
  width: 0.8rem;
}
</style>